<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<title>主页</title>
<link rel="shortcut icon" href="favicon.ico">
<!--[if lt IE 8]>
    <meta http-equiv="refresh" content="0;ie.html" />
    <![endif]-->

<!-- 本框架基本脚本和样式 -->
<script type="text/javascript"
	src="${path }/resource/js/jquery-2.1.4.min.js"></script>
<script type="text/javascript"
	src="${path }/resource/js/systools/MBase.js"></script>
<style type="text/css">
.hkdg {
	width: 150px;
	margin: 5px;
	border: 1px solid #aeaeae;
	border-radius: 5px;
	padding: 3px;
}

blockquote {
	font-size: 14px;
	line-height: 25px;
}

.title {
	color: #6f5499;
	font-size: 32px;
	text-shadow: 2px 3px 2px #ababab;
}
</style>
</head>

<body>
	<div id="yourElement" class="ibox-content animated rotateInUpLeft">

		<h2 class="text-center title">Zking Matrix V2.0</h2>
		<p class=" text-center">Welcome to use Zking Matrix .</p>
		<br>
		<blockquote class="center-block ">
			<h2 class=" text-primary">说明：学习本API前请自己先在网上学习这些插件的基本使用方式</h2>
			<p class=" ">&nbsp;&nbsp;
			<p>
				<strong>UI</strong>: <a href="http://v3.bootcss.com/"
					target="_blank">Bootstrap</a> / <a
					href="http://www.zi-han.net/theme/hplus/" target="_blank">H+ui</a>
			</p>
			<p>
				<strong>表格插件</strong>：<a
					href="http://bootstrap-table.wenzhixin.net.cn/zh-cn/"
					target="_blank">Bootstrap-table</a>
			</p>
			<p>
				<strong>验证框架</strong>：<a href="http://validform.rjboy.cn/"
					target="_blank">Validform</a>
			</p>
			<p>
				<strong>弹框组件</strong>：<a href="http://layer.layui.com/"
					target="_blank">layer</a>
			</p>
			<p>
				<strong>富文本编辑器</strong>：<a href="http://kindeditor.net/demo.php"
					target="_blank">kindeditor</a>
			</p>
			<p>
				<strong>树形控件</strong>：<a href="http://www.ztree.me/v3/demo.php#_101"
					target="_blank">Ztree</a>
			</p>
			<p>
				<strong>字体样式</strong>：<a
					href="http://www.thinkcmf.com/font/icons#new" target="_blank">奥深图标</a>
			</p>
			<p>
				<strong>checkbox</strong>：<a
					href="http://awesome-bootstrap-checkbox.okendoken.com/demo/index.html"
					target="_blank">awesome-bootstrap-checkbox</a>
			</p>
			<p>
				<strong>select </strong>: <a
					href="https://select2.github.io/examples.html" target="_blank">select2</a>
			</p>
		</blockquote>
		<p class="pull-right">
			Document By 姜友瑶 <br> 2016-6-26
		</p>
	</div>
</body>
<script type="text/javascript">
	$('#yourElement').addClass('animated rotateInUpLeft');
</script>
</html>